<!-- 审核中 || 已驳回 -->
<template>
    <view class="disFlxCC bgf" style="height:55vh;">

        <template v-if="auditStatus === PayAuditStatusEnum.REFUSAL">
            <image src="https://hb-saas.obs.cn-south-1.myhuaweicloud.com/mall/saas/icon/floatIcon/error-icon.png" style="width:160rpx;height:160rpx;" />
            <view class="fz-19 pt-10">驳回</view>
            <view class="fz-14 pt-9 title">{{ remarks }}</view>
        </template>

        <template v-else>
            <image src="https://hb-saas.obs.cn-south-1.myhuaweicloud.com/mall/saas/icon/floatIcon/approval-icon.png"
            style="width:160rpx;height:160rpx;" />
            <view class="fz-19 pt-10">缴费审核中</view> 
        </template>
        
    </view>
</template>

<script lang="ts" setup>
import { propTypes } from '@/utils/propTypes';
import { PayAuditStatusEnum } from '@/enums/membershipEnum'

const props = defineProps({
    // 审核状态
    auditStatus: propTypes.number.def(0),
    // 审核备注
    remarks: propTypes.string.def('')
});
</script>
<style lang='scss' scoped>
.flexC {
    height: 450rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
</style>